<template>
  <t-layout>
    <t-affix>
      <t-header><HeaderLayout /></t-header>
    </t-affix>
    <t-content><ContentLayout /></t-content>
    <t-footer class="footer"><FooterLayout /></t-footer>
  </t-layout>
</template>

<style scoped lang="sass">
.footer
  background-color: var(--td-bg-color-container)
  height: 50px
  padding: 0
</style>
<script setup lang="ts">
import HeaderLayout from '@/layout/home/HeaderLayout.vue'
import FooterLayout from '@/layout/home/FooterLayout.vue'
import ContentLayout from '@/layout/home/ContentLayout.vue'
// document.documentElement.setAttribute('theme-mode', 'dark')
</script>
